﻿<%@Register TagPrefix="ofc" Namespace="OpenFlashChart" Assembly="OpenFlashChart" %>
<%@ Page Language="c#" ContentType="text/html" ResponseEncoding="utf-8" Async="true" MasterPageFile="~/administration/list_private.master" Inherits="ACM.cmsarea08.Administration.Core.ViewStat" %>
<%@ MasterType VirtualPath="~/administration/list_private.master" %>
<asp:Content ID="PageBody" Runat="server" ContentPlaceHolderID="MasterBody">
<div class="dynform dfbody dfmainbody">
<h1><img src="../template/admimg/user_model_big.jpg" alt="User Forms Manager" />Visualizza Rapporti Portale</h1>
<!---->
    <div class="stat_cont">
		<div class="stat_menu">
			<ul id="actmenu">
            	<li ><a href="#">Bacheca</a></li>
                <li><a href="#">Visite</a></li>
                <li><a href="#">Dettagli</a></li>
                <li><a href="#">Scarica</a></li>                
            </ul>        
        </div>
    	<div class="stat_body" id="statbodY">
        
            <div class="stat_panel" id="bacheca">
            	<h2>Bacheca</h2>
				<div class="stat_dPicker" style="z-index:99999;" >
                    <table cellpadding="0" cellspacing="0" width="100%">
                    <tr><td colspan="4">Seleziona il periodo</td></tr>
                    <tr><td>da</td><td><input id="b_dataD" type="text" name="b_dataD" runat="server" /></td>
                    <td>a</td><td><input id="b_dataA" type="text" name="b_dataA"  runat="server" /></td></tr>
                    <tr><td colspan="4">aggiorna</td></tr>
                    </table>
                </div>
                <div class="stat_mgraph" style="z-index:1;">
                	<div style="height:200px;" id="cbc_chart">
                	<ofc:Chart Width="600" Height="200" id="bac_chart" runat="Server"   />
                    </div>
                    <br class="clearbr" />
                </div>
                <div class="stat_lino">
                	<h3>Utilizzo del Sito</h3>
                	<dl>
                    <dt>visite:</dt><dd id="bb_visit" runat="server"><b>NN</b></dd>
                    </dl>
                </div>
				<div class="stat_linodx">
                	<h3>Riepilogo Navigazione</h3>      
                	<dl>
                    <dt>Pagine Viste:</dt><dd id="bb_page" runat="server"><b>NN</b></dd>
                    </dl>                              
                </div>
                <br class="clearbr" />          
            </div>
            
            <div class="stat_panel" id="visite">
                <h2>Visite</h2>
				<div class="stat_dPicker" >data..scelta periodo..</div>     
                <div class="stat_mgraph">
                	grafico delle ultime 2 settimane
                </div>
				<div class="stat_lino">
                	<h3>Utenti</h3>                
                  	<dl>
                	<dt>Visite Utenti Registrati:</dt><dd id="v_visitR" runat="server"><b>NN</b></dd>
                    <dt>Pagine Viste Utenti Registrati:</dt><dd id="v_pageR" runat="server"><b>NN</b></dd>
                    </dl>
				</div>
				<div class="stat_linodx">
                	<h3>Ospiti</h3>                
                	<dl>
                    <dt>Visite Ospiti:</dt><dd id="v_visitO" runat="server"><b>NN</b></dd>
                    <dt>Pagine Viste Ospiti:</dt><dd id="v_pageO" runat="server"><b>NN</b></dd>
                    </dl>
                </div>                 
                <div class="stat_full">
                	<h3>Dettaglio Pagine Viste</h3>
                	<table id="dt_content" runat="server" cellpadding="0" cellspacing="0" align="center" width="98%"></table>
                </div>
                <br class="clearbr" />  
			</div>
            
            <div class="stat_panel" id="dettagli">
				<h2>Dettagli</h2>
				<div class="stat_dPicker" >data..scelta periodo..</div>              
                <div class="stat_mgraph">
                	grafico delle ultime 2 settimane [misto 2 marker, browser e sist.op]
                </div>                
				<div class="stat_lino">
                	<h3>Navigazione Browser</h3>                
                  	<dl id="nav_browser" runat="server">
                	<dt>dettaglio visite browser:</dt><dd><b>NN</b></dd>
                    </dl>
                </div>
				<div class="stat_linodx">
                	<h3>Navigazione Sistemi Operativi</h3>                
                	<dl id="nav_platform" runat="server">
                    <dt>dettaglio visite s.o.:</dt><dd><b>NN</b></dd>
                    </dl>
                </div>   
                <br class="clearbr" />                
			</div>    
                                
        </div>
        <br class="clearbr" />
    </div>
</div>
<div align="right">
<script language="javascript" type="text/javascript">
window.addEvent('domready', function() {
//avvia calendari:
bCal = new Calendar({ <%=b_dataD.ClientID%>: 'd/m/Y', <%=b_dataA.ClientID%>: 'd/m/Y' } , 
					{ classes: ['miocalendar'], 
					  direction: -1, 
					  days : ['D','L','M','M','G','V','S'],
					  draggable: false,
					  months :['Gennaio','Febbraio','Marzo','Aprile','Maggio','Giugno','Luglio','Agosto','Settembre','Novembre','Dicembre']  });

//var layout..
var divi = $("statbodY");
var diviSt = divi.getElements(".stat_panel");
var chart_sizer = null;

var char_size0 = $('cbc_chart');
char_size0.setStyle("height","200px");
//char_size0.setStyle("width","600px");


var diviAct = $('actmenu');
var fx_divi = new Array();
var diviNi = diviAct.getElements("li");
$$("#statbodY .stat_panel").each(function(divo,index){
	divo.setStyle('display', 'none');	
	fx_divi.push ( new Fx.Styles(divo, {duration:200, wait:false})  ); 
	if(index<diviNi.length-1) {
		var figlio = diviNi[index].getElements("a");
		if(figlio!=null && figlio.length!=0) {
			figlio[0].setAttribute("rel",index);
		}
		figlio.addEvent('click', function(e) {
			e = new Event(e).stop();
			Mostra(diviNi[index]);
		});
	}
});

function Mostra(elemento) {
	var nind_figli = elemento.getElements("a");
	var indice = -1;
	if(nind_figli!=null && nind_figli.length>0) {
		indice = nind_figli[0].getAttribute("rel");
	} else { return; }
	for(var i = 0; i<diviSt.length;i++) {
		if(i!=indice) {
			fx_divi[i].start(
				{'opacity': [1,0]}
			);
			//inserisci elementi A se non disponibili.
			var figli = diviNi[i].getElements("a");
			if(figli==null || figli.length==0) { 
				//non c'è a.
				var a_testo = diviNi[i].innerHTML;
				var a_obj = new Element('a',{'events': {'click': function(e)  {
																	e = new Event(e).stop();
																	Mostra(diviNi[this.getAttribute('rel')]);				
																	}  }
											, 'href': '#', 'rel':i }
										); 
				a_obj.setHTML(a_testo);
				diviNi[i].setHTML("");				
				diviNi[i].setText("");								
				diviNi[i].empty;
				diviNi[i].adopt(a_obj);
			} 
			diviSt[i].setStyle("display","none");
		} else {
			diviSt[i].setStyle("display","block");		
			if(diviSt[i].getStyle("opacity")!="1") {
				fx_divi[i].start(
					{'display':['block'], 'opacity': [0,1]}
				);		
			}
			//check se elemento contiene l'a o lo span...eventualmente elimina ..il discorso...
			var figlio = elemento.getElements("a");
			if(figlio!=null && figlio.length>0) {
				var fili_tx = figlio[0].innerHTML;
				elemento.empty;
				elemento.setHTML(fili_tx);		
			}
		}
	}
}

Mostra(diviNi[0]);


});
  </script>
  
  
</div>
</asp:content>